<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form</title>
    <link rel="stylesheet" href="../../../js/bootstrap/css/bootstrap.css">

</head>
<body>
<!-
form的分类
1. 默认表单
2. 行内表单
3. 水平排列的表单 form-horizontal

--->

<div class="container">
    <from class="form-horizontal"><!--container-->
        <div class="form-group"> <!--row-->
            <label class="control-label col-md-4">用户名</label>
            <div class="col-md-8">
                <input class="form-control"/>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-4">密码</label>
            <div class="col-md-8">
                <input class="form-control"/>
            </div>
        </div>
         <div class="form-group">
            <div class="col-md-offset-4 col-md-8">
                <button class="btn btn-success">登录</button>
            </div>
         </div>
    </from>
</div>

</body>
</html>